
import React, { memo } from 'react';
import sty from './sty.module.css';
import { getSizeImage } from '@/utils/format-utils';
import { message } from 'antd';
import PropTypes from 'prop-types'
import cs from 'classnames'
const SingerCover = (props) => {
  const { info } = props
  return <div className={sty.singerWrap} onClick={() => message.warning(info.name)}>
    <div  >
      <img src={getSizeImage(info.picUrl, 62)} alt="" />
    </div>
    <div className={sty.singerTitle}>
      <div className={cs(sty.singerName, 'txt1')}>{info.name}</div>
      <div className={cs(sty.singerDetail, 'txt1')}>流行歌手</div>
    </div>
  </div>
}

SingerCover.propTypes = {
  info: PropTypes.object
}
export default memo(SingerCover)